<template>
  <div class="share">
    <el-main>
      <div v-if="patentType == 1">
        <div class="title">其他荣誉：{{ count }}</div>
        <el-table
          :data="patentTypeList"
          border
          style="width: 100%"
          :header-cell-style="{ background: '#f0f7fc' }"
        >
          <el-table-column type="index" label="序号" width="55"> </el-table-column>
          <el-table-column prop="startDate" label="发证日期" width="130">
          </el-table-column>
          <el-table-column prop="certificateName" label="证书类型"> </el-table-column>
          <el-table-column prop="certNo" label="证书编号"> </el-table-column>
          <el-table-column prop="endDate" label="截止日期" width="130"> </el-table-column>
        </el-table>
      </div>

      <div v-else-if="patentType == 2">
        <div class="title">专利受让情况：{{ count }}</div>

        <el-table
          :data="patentTypeList"
          border
          style="width: 100%"
          :header-cell-style="{ background: '#f0f7fc' }"
          @row-click="rowClick"
        >
          <el-table-column prop="aasc" label="受让人"> </el-table-column>
          <el-table-column prop="pasc" label="原权利人"> </el-table-column>
          <el-table-column prop="ano" label="专利号"> </el-table-column>
          <el-table-column prop="tio" label="专利名称"> </el-table-column>
          <el-table-column prop="inc" label="发明人"> </el-table-column>
        </el-table>
      </div>

      <div v-else-if="patentType == 3">
        <div class="title">软件著作权：{{ count }}</div>
        <el-table
          :data="patentTypeList"
          border
          style="width: 100%"
          :header-cell-style="{ background: '#f0f7fc' }"
        >
          <el-table-column type="index" label="序号"> </el-table-column>
          <el-table-column prop="regtime" label="登记日期">
            <template slot-scope="scope">
              {{ Number(scope.row.regtime) | time }}
            </template>
          </el-table-column>
          <el-table-column prop="fullname" label="软件全称"> </el-table-column>
          <el-table-column prop="regnum" label="登记号"> </el-table-column>
          <el-table-column prop="version" label="版本号"> </el-table-column>
          <el-table-column prop="publishtime" label="首次发表日期"> </el-table-column>
        </el-table>
      </div>
      <div v-else-if="patentType == 4">
        <div v-if="detailType">
          <div class="title">裁决文书：{{ count }}</div>
          <el-table
            :data="patentTypeList"
            border
            style="width: 100%"
            :header-cell-style="{ background: '#f0f7fc' }"
          >
            <el-table-column prop="crd" label="立案年"> </el-table-column>
            <el-table-column prop="ccto" label="案件名称"> </el-table-column>
            <el-table-column prop="cro" label="案由"> </el-table-column>
            <el-table-column prop="ct" label="案件类型"> </el-table-column>
            <el-table-column align="center" width="120" label="操作">
              <template slot-scope="scope">
                <el-button class="see" @click="see(scope.row.cid)" type="text"
                  >查看</el-button
                >

                <el-button class="see" @click="openUrl(scope.row.cid)" type="text"
                  >下载</el-button
                >
              </template>
            </el-table-column>
          </el-table>
        </div>
        <div v-else>
          <div v-if="data" class="content">
            <el-button @click="back" size="mini" type="danger">返回</el-button>
            <p v-html="data" style="margin-top: 10px"></p>
          </div>
          <div v-else>
            <el-button @click="back" size="mini" type="danger">返回</el-button>
            <el-empty description="暂无信息"></el-empty>
          </div>
        </div>
      </div>

      <div v-else-if="patentType == 5">
        <div v-if="!detailsType">
          <div class="title">{{ name }}{{ count }}</div>

          <!-- <div class="title">
            <el-select @change="change" v-model="value" placeholder="请选择">
              <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </div> -->

          <el-table
            :data="patentTypeList"
            border
            style="width: 100%"
            :header-cell-style="{ background: '#f0f7fc' }"
            @row-click="rowTrademark"
          >
            <el-table-column prop="fd" label="申请日期">
              <template slot-scope="scope">
                {{ scope.row.fd | time }}
              </template>
            </el-table-column>

            <el-table-column prop="nc" label="类别"> </el-table-column>

            <el-table-column prop="tmog" label="商标">
              <template slot-scope="scope">
                <el-image
                  style="width: 100px; height: 100px"
                  :src="scope.row.tmsg"
                  fit="cover"
                >
                </el-image>
              </template>
            </el-table-column>
            <el-table-column prop="mno" label="商标名称"> </el-table-column>
            <el-table-column prop="rn" label="注册号"> </el-table-column>
            <el-table-column prop="cs" label="状态"> </el-table-column>
          </el-table>
        </div>
        <div v-else>
          <el-descriptions class="margin-top" :column="2" border>
            <template slot="extra">
              <el-button type="primary" size="small" @click="detailsType = false"
                >返回</el-button
              >
            </template>
            <el-descriptions-item label="商标" :span="2">
              <el-image :src="dataTrademark.tmog" fit="fill" style="width: 100px">
              </el-image>
            </el-descriptions-item>
            <el-descriptions-item :span="2" label="商标名称">
              {{ dataTrademark.mno }}
            </el-descriptions-item>
            <el-descriptions-item label="注册号">
              {{ dataTrademark.rn }}
            </el-descriptions-item>
            <el-descriptions-item label="商标类型">
              {{ dataTrademark.mk }}
            </el-descriptions-item>
            <el-descriptions-item label="申请日期">
              {{ dataTrademark.fd }}
            </el-descriptions-item>
            <el-descriptions-item label="注册日期">
              {{ dataTrademark.rd }}
            </el-descriptions-item>
            <el-descriptions-item label="申请人名称">
              {{ dataTrademark.hno }}
            </el-descriptions-item>
            <el-descriptions-item label="代理人名称">
              {{ dataTrademark.aro }}
            </el-descriptions-item>
            <el-descriptions-item label="分类">
              {{ dataTrademark.nc }}
            </el-descriptions-item>
            <el-descriptions-item label="注册号">
              {{ dataTrademark.rn }}
            </el-descriptions-item>
            <el-descriptions-item label="申请号">
              {{ dataTrademark.sn }}
            </el-descriptions-item>
            <el-descriptions-item label="申请人区域代码">
              {{ dataTrademark.hnac }}
            </el-descriptions-item>
            <el-descriptions-item :span="2" label="申请人地址">
              {{ dataTrademark.hnado }}
            </el-descriptions-item>
          </el-descriptions>
        </div>
      </div>

      <div v-else-if="patentType == 6">
        <div class="title">{{ name }}：{{ count }}</div>

        <el-table
          :data="patentTypeList"
          border
          style="width: 100%"
          :header-cell-style="{ background: '#f0f7fc' }"
          @row-click="rowClick"
        >
          <el-table-column v-if="name != '专利转让'" prop="apo" label="申请人">
          </el-table-column>
          <el-table-column v-if="name != '专利转让'" prop="aspo" label="当前权利人">
          </el-table-column>
          <el-table-column
            v-if="name == '专利转让'"
            prop="pasc"
            header-align="center"
            label="转让前"
          >
          </el-table-column>
          <el-table-column
            v-if="name == '专利转让'"
            prop="aasc"
            header-align="center"
            label="转让后"
          >
          </el-table-column>
          <el-table-column prop="pno" label="专利号"> </el-table-column>
          <el-table-column prop="tio" label="专利名称"> </el-table-column>
          <el-table-column v-if="name != '专利转让'" prop="ino" label="发明人">
          </el-table-column>
        </el-table>
      </div>

      <div v-else-if="patentType == 7">
        <div class="title">知识产权代理服务机构：{{ count }}</div>
        <el-table
          :data="patentTypeList"
          border
          style="width: 100%"
          :header-cell-style="{ background: '#f0f7fc' }"
        >
          <el-table-column prop="value" label="机构"> </el-table-column>
          <el-table-column prop="count" width="100" label="数量"> </el-table-column>
        </el-table>
      </div>

      <div v-else-if="patentType == 8">
        <div>
          <el-descriptions class="margin-top" :column="2" border>
            <el-descriptions-item label="商标" :span="2">
              <el-image :src="trademarkData.tmog" fit="fill" style="width: 100px">
              </el-image>
            </el-descriptions-item>
            <el-descriptions-item :span="2" label="商标名称">
              {{ trademarkData.mno }}
            </el-descriptions-item>
            <el-descriptions-item label="注册号">
              {{ trademarkData.rn }}
            </el-descriptions-item>
            <el-descriptions-item label="商标类型">
              {{ trademarkData.mk }}
            </el-descriptions-item>
            <el-descriptions-item label="申请日期">
              {{ trademarkData.fd }}
            </el-descriptions-item>
            <el-descriptions-item label="注册日期">
              {{ trademarkData.rd }}
            </el-descriptions-item>
            <el-descriptions-item label="申请人名称">
              {{ trademarkData.hno }}
            </el-descriptions-item>
            <el-descriptions-item label="代理人名称">
              {{ trademarkData.aro }}
            </el-descriptions-item>
            <el-descriptions-item label="分类">
              {{ trademarkData.nc }}
            </el-descriptions-item>
            <el-descriptions-item label="注册号">
              {{ trademarkData.rn }}
            </el-descriptions-item>
            <el-descriptions-item label="申请号">
              {{ trademarkData.sn }}
            </el-descriptions-item>
            <el-descriptions-item label="申请人区域代码">
              {{ trademarkData.hnac }}
            </el-descriptions-item>
            <el-descriptions-item :span="2" label="申请人地址">
              {{ trademarkData.hnado }}
            </el-descriptions-item>
          </el-descriptions>
        </div>
      </div>

      <div v-else-if="patentType == 9">
        <p v-html="data" style="margin-top: 10px"></p>
      </div>

      <div v-else-if="patentType == 10">
        <div class="title">PCT情况：{{ count }}</div>
        <el-table
          :header-cell-style="{ backgroundColor: '#f0f7fc' }"
          :data="patentTypeList"
          style="width: 100%"
          @row-click="rowClick"
        >
          <el-table-column prop="ano" label="申请号" align="center"> </el-table-column>
          <el-table-column prop="tio" label="专利标题" align="center"> </el-table-column>
          <el-table-column prop="pdt" label="专利类型" align="center"> </el-table-column>
          <el-table-column prop="apo" label="当前申请(专利权)人" align="center">
          </el-table-column>
          <el-table-column prop="ino" label="发明人" align="center"> </el-table-column>
          <el-table-column prop="ad" label="申请日" align="center"> </el-table-column>
          <el-table-column prop="pd" label="公告(公开)日" align="center">
          </el-table-column>
          <el-table-column prop="pns" label="公开号" align="center"> </el-table-column>
        </el-table>
      </div>
      <div v-else-if="patentType == 11">
        <div style="margin-top: 5px" v-for="item in patentTypeList">
          {{ item.company}}：{{ item.result }}
        </div>
      </div>

      <div style="margin: 20px 0 6px" v-if="!detailsType">
        <el-pagination
          @current-change="handleCurrentChange"
          :current-page.sync="page"
          :page-size="10"
          layout="prev, pager, next, jumper"
          :total="count"
        >
        </el-pagination>
      </div>
    </el-main>
  </div>
</template>

<script>
import {
  otherHonor,
  transfer,
  property,
  dispute,
  trademark,
  searchCro,
  searchTransfer,
  trademark_list,
} from "@/api/newuser";
import {
  expression,
  tianyancha880,
  transferSearchExpression,
  pledgeSearchExpression,
  permitSearchExpression,
  statistics,
  tianyancha836,
  cseExpression,
  searchExpression,
} from "@/api/configApi";
import axios from "axios";

export default {
  components: {},
  data() {
    return {
      patentTypeList: [],
      page: 1,
      limit: 10,
      company_id: "",
      count: 0,
      patentType: "",
      status: 1,
      name: "",
      name2: "",
      companyName: "",
      detailType: true,
      data: "",
      dataTrademark: {},
      detailsType: false,
      trademarkData: {},
      dataHtml: "",

      options: [
        {
          value: "已注册",
          label: "已注册",
        },
        {
          value: "已销亡",
          label: "已销亡",
        },
      ],
      value: "已注册",
      exp: "",
    };
  },
  watch: {},
  filters: {
    time(date) {
      if (date) {
        date = new Date(date);
        var y = date.getFullYear();
        var m = date.getMonth() + 1;
        m = m < 10 ? "0" + m : m;
        var d = date.getDate();
        d = d < 10 ? "0" + d : d;
      } else {
        return "";
      }
      return y + "-" + m + "-" + d;
    },
  },
  props: {},
  async mounted() {
    this.company_id = this.$route.query.company_id ? this.$route.query.company_id : "";
    this.patentType = this.$route.query.patentType ? this.$route.query.patentType : "";
    console.log(this.patentType,'this.patentType');
    this.SetdatalistNew();
  },
  methods: {
    searchExpression(TMDB) {
      searchExpression({
        express: `申请人名称=${this.companyName} AND TMDB=${TMDB}`,
        page: this.page,
        page_row: this.limit,
        sort_column: "-FD",
      }).then((res) => {
        if (res.list) {
          this.patentTypeList = res.list;
          this.count = Number(res.total);
        } else {
          this.patentTypeList = [];
          this.count = 0;
        }
      });
    },
    cseExpression() {
      let  express = ''
      if(this.$route.query.expressType == '1'){
        express = `原告或上诉人=${this.companyName} OR 案号=${this.companyName}`
      } else {
        express = `被告或被上诉人=${this.companyName} OR 案号=${this.companyName}`
      }
      
      cseExpression({
        express: express,
        page: this.page,
        page_row: this.limit,
        sort_column: "-CJD",
      }).then((res) => {
        if (res.list) {
          this.patentTypeList = res.list;
          this.count = Number(res.total);
        } else {
          this.patentTypeList = [];
          this.count = 0;
        }
      });
    },
    tianyancha836() {
      tianyancha836({
        keyword: this.companyName,
        page: this.page,
        limit: this.limit,
      }).then((res) => {
        if (res.list) {
          this.patentTypeList = res.list;
          this.patentTypeList = this.patentTypeList.map((res) => {
            if (res.publishtime) {
              const timestamp = Number(res.publishtime);
              const date = new Date(timestamp);
              const year = date.getFullYear();
              const month = ("0" + (date.getMonth() + 1)).slice(-2);
              const day = ("0" + date.getDate()).slice(-2);
              const hours = ("0" + date.getHours()).slice(-2);
              const minutes = ("0" + date.getMinutes()).slice(-2);
              const seconds = ("0" + date.getSeconds()).slice(-2);
              const formattedDate =
                year +
                "-" +
                month +
                "-" +
                day +
                " " +
                hours +
                ":" +
                minutes +
                ":" +
                seconds;
              res.publishtime = formattedDate;
            } else {
              this.patentTypeList = [];
              this.count = 0;
            }

            return res;
          });
          this.count = Number(res.count);
        }
      });
    },
    statistics(categoryColumn) {
      statistics({
        express: `当前权利人中文统计=${this.companyName}`,
        exactSearch: 1,
        categoryColumn: categoryColumn,
      }).then((res) => {
        if (res.list) {
          this.patentTypeList = res.list;
          this.count = Number(res.count);
        } else {
          this.patentTypeList = [];
          this.count = 0;
        }
      });
    },
    permitSearchExpression() {
      permitSearchExpression({
        express: `申请人名称=${this.companyName}`,
        page: this.page,
        sort_column: "+AD",
        page_row: this.limit,
      }).then((res) => {
        if (res.list) {
          this.patentTypeList = res.list;
          this.count = Number(res.count);
        } else {
          this.patentTypeList = [];
          this.count = 0;
        }
      });
    },
    pledgeSearchExpression() {
      pledgeSearchExpression({
        express: `申请人名称=${this.companyName}`,
        page: this.page,
        sort_column: "+AD",
        page_row: this.limit,
      }).then((res) => {
        if (res.list) {
          this.patentTypeList = res.list;
          this.count = Number(res.count);
        } else {
          this.patentTypeList = [];
          this.count = 0;
        }
      });
    },
    transferSearchExpression() {
      transferSearchExpression({
        express: `变更后权利人=${this.companyName}`,
        page: this.page,
        sort_column: "+AD",
        page_row: this.limit,
      }).then((res) => {
        if (res.list) {
          this.patentTypeList = res.list;
          this.count = Number(res.count);
        } else {
          this.patentTypeList = [];
          this.count = 0;
        }
      });
    },
    tianyancha880() {
      tianyancha880({
        company: this.companyName,
        page: this.page,
        limit: this.limit,
      }).then((res) => {
        this.count = Number(res.count);
        this.patentTypeList = res.list;
      });
    },
    expression() {
      expression({
        expression: this.exp,
        page: this.page,
        exactSearch: 1,
      }).then((res) => {});
    },
    change() {
      this.page = 1;
      this.SetdatalistNew();
    },
    rowTrademark(row) {
      this.dataTrademark = row;
      this.detailsType = true;
    },
    back() {
      this.detailType = true;
      this.data = "";
    },
    async see(cid) {
      this.detailType = false;
      try {
        axios.defaults.baseURL = "https://patent.shundeip.com";
        axios({
          method: "post",
          url: "/v1/frontend/Iitigation/detail",
          data: {
            cid: cid,
          },
          headers: {
            Authorization: "3bcbcf93da59f3e0c95e0c3d90f11112-0",
            post: {
              "Content-Type": "application/json",
            },
          },
        }).then((res) => {
          this.data = res.data.data.html;
          console.log(this.data);
          console.log(this.detailType);
        });
      } catch (e) {
        this.$message.error(e.message);
      }
    },
    async openUrl(id) {
      try {
        axios.defaults.baseURL = "https://patent.shundeip.com";
        axios({
          method: "post",
          url: "/v1/frontend/iitigation/download",
          data: {
            cid: id,
          },
          headers: {
            Authorization: "3bcbcf93da59f3e0c95e0c3d90f11112-0",
            post: {
              "Content-Type": "application/json",
            },
          },
        }).then((res) => {
          console.log(res);
          window.open(res.data.data.pdf);
        });
      } catch (error) {
        this.$message.error(error.message);
      }
    },
    rowClick(row, column, event) {
      console.log(row, column, event, "row, column, event");

      //新窗口打开
      const { href } = this.$router.resolve({
        path: "/detail",
      });
      window.open(href + `?pid=${row.pid}&preview=1`, "_blank");
    },
    searchCro() {
      searchCro({
        page: this.page,
        limit: 10,
        company_id: this.company_id,
      }).then((res) => {
        this.patentTypeList = res.list;
        this.count = Number(res.count);
      });
    },
    handleCurrentChange(val) {
      console.log(`当前页: ${val}`);
      this.page = val;
      this.SetdatalistNew();
    },
    searchTransfer() {
      searchTransfer({
        company_id: this.company_id,
        page: this.page,
        status: this.status,
      }).then((res) => {
        this.patentTypeList = res.list;
        this.count = Number(res.count);
      });
    },
    async Setdatalist() {
      if (this.patentType == 1) {
        this.otherHonor();
      } else if (this.patentType == 2) {
        this.status = 2;
        this.searchTransfer();
      } else if (this.patentType == 3) {
        this.property();
      } else if (this.patentType == 4) {
        this.dispute();
      } else if (this.patentType == 5) {
        this.status = this.$route.query.status;
        this.companyName = this.$route.query.companyName;
        let name = [
          "国内商标：",
          "马德里商标：",
          "美国商标：",
          "日本商标：",
          "德国商标：",
        ];
        let name2 = ["CN", "ES", "US", "JP", "DE"];

        this.name2 = name2[this.status - 1];
        this.name = name[this.status - 1];

        this.trademark_list();
      } else if (this.patentType == 6) {
        this.name = this.$route.query.name;
        this.companyName = this.$route.query.companyName;
        if (this.name != "专利转让") {
          this.expression();
        } else {
          this.status = 1;
          this.searchTransfer();
        }
      } else if (this.patentType == 7) {
        this.searchCro();
      } else if (this.patentType == 8) {
        this.status = this.$route.query.status;
        this.trademark();
      } else if (this.patentType == 9) {
        this.see(this.$route.query.cid);
        this.detailsType = true;
      } else if (this.patentType == 10) {
        this.name = this.$route.query.name;
        this.companyName = this.$route.query.companyName;
        this.expression();
      }
    },
    async SetdatalistNew() {
      this.companyName = this.$route.query.companyName;
      if (this.patentType == 1) {
        this.tianyancha880();
      } else if (this.patentType == 2) {
        this.transferSearchExpression();
      } else if (this.patentType == 3) {
        this.tianyancha836();
      } else if (this.patentType == 4) {
        this.cseExpression();
      } else if (this.patentType == 5) {
        let name = [
          "国内商标：",
          "马德里商标：",
          "美国商标：",
          "日本商标：",
          "德国商标：",
        ];
        let name2 = ["CN", "ES", "US", "JP", "DE"];
        this.name2 = name2[this.status - 1];
        this.name = name[this.status - 1];
        this.searchExpression(this.name2);
      } else if (this.patentType == 6) {
        this.name = this.$route.query.name;
        if (this.name == "专利许可") {
          this.permitSearchExpression();
        } else if (this.name == "专利转让") {
          this.transferSearchExpression();
        } else if (this.name == "专利质押") {
          this.pledgeSearchExpression();
        }
      } else if (this.patentType == 7) {
        this.statistics("CRO");
      } else if (this.patentType == 8) {
        this.status = this.$route.query.status;
        this.trademarkData = JSON.parse(localStorage.getItem("trademarkData"));
        this.detailsType = true;
      } else if (this.patentType == 9) {
        this.see(this.$route.query.cid);
        this.detailsType = true;
      } else if (this.patentType == 10) {
        this.statistics("PCT");
      } else if (this.patentType == 11) {
        this.patentTypeList = JSON.parse(sessionStorage.getItem("failList"))
        this.detailsType = true;
      }
    },
    otherHonor() {
      otherHonor({
        company_id: this.company_id,
        page: this.page,
      }).then((res) => {
        console.log(res, "1");
        this.patentTypeList = res.list;
        this.count = Number(res.count);
      });
    },
    transfer() {
      transfer({
        company_id: this.company_id,
        page: this.page,
      }).then((res) => {
        console.log(res, "1");
        this.patentTypeList = res.list;
        this.count = Number(res.count);
      });
    },
    property() {
      property({
        company_id: this.company_id,
        page: this.page,
      }).then((res) => {
        this.patentTypeList = res.list;
        this.patentTypeList = this.patentTypeList.map((res) => {
          if (res.publishtime) {
            const timestamp = Number(res.publishtime);
            const date = new Date(timestamp);
            const year = date.getFullYear();
            const month = ("0" + (date.getMonth() + 1)).slice(-2);
            const day = ("0" + date.getDate()).slice(-2);
            const hours = ("0" + date.getHours()).slice(-2);
            const minutes = ("0" + date.getMinutes()).slice(-2);
            const seconds = ("0" + date.getSeconds()).slice(-2);
            const formattedDate =
              year +
              "-" +
              month +
              "-" +
              day +
              " " +
              hours +
              ":" +
              minutes +
              ":" +
              seconds;
            res.publishtime = formattedDate;
          }

          return res;
        });
        this.count = Number(res.count);
      });
    },
    dispute() {
      dispute({
        company_id: this.company_id,
        page: this.page,
      }).then((res) => {
        this.patentTypeList = res.list;
        this.count = Number(res.count);
      });
    },
    trademark() {
      trademark({
        company_id: this.company_id,
        page: this.page,
        status: this.status,
      }).then((res) => {
        this.patentTypeList = res.list;
        this.count = Number(res.count);
        if (this.patentType == 8) {
          this.detailsType = true;
          let tid = this.$route.query.tid;
          this.trademarkData = JSON.parse(localStorage.getItem("trademarkData"));
          this.patentTypeList.map((res) => {
            if (res.tid == tid) {
              this.trademarkData = res;
            }
          });
          console.log(this.trademarkData);
        }
      });
    },
    // expression() {
    //   expression({
    //     page: this.page,
    //     exactSearch: 1,
    //     exp: "申请人中文统计=" + this.companyName + " AND " + this.name + "=是",
    //   }).then((res) => {
    //     this.patentTypeList = res.patent_list;
    //     this.count = Number(res.page.total);
    //   });
    // },
    expressionNew() {
      expression({
        page: this.page,
        exactSearch: 1,
        exp:
          "申请人名称=" + this.companyName + " AND " + "(" + "TMDB=" + this.name2 + ")",
      }).then((res) => {
        this.patentTypeList = res.patent_list;
        this.count = Number(res.page.total);
      });
    },
    trademark_list() {
      trademark_list({
        exactSearch: 1,
        express:
          "申请人名称=" +
          this.companyName +
          " AND " +
          "(" +
          "TMDB=" +
          this.name2 +
          ")" +
          "AND 当前权利状态=" +
          this.value,
      }).then((res) => {
        this.patentTypeList = res.patent_list;
        this.count = Number(res.page.total);
      });
    },
  },
};
</script>

<style scoped lang="less">
.title {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: bold;
}
.el-main {
  margin: 20px 15px;
}
@media (max-width: 1360px) {
}

@media (max-width: 1280px) {
}

@media (max-width: 768px) {
}
</style>
